{% load static %}
<meta charset="utf-8">
<title>SparGame</title>
<meta name="description" content="">
<meta name="author" content="">

<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<!-- Le styles -->
<link type="text/css" rel="stylesheet" href="/site_media/css/openid.css" />
<link href="/site_media/css/bootstrap.css" rel="stylesheet">
<link href="/site_media/css/styles.css" rel="stylesheet">
<link href="/site_media/jcrop/css/jquery.Jcrop.css" rel="stylesheet" />

<!-- Le javascript -->
<script src="http://code.jquery.com/jquery-1.7.js"></script>
<script src="http://code.jquery.com/ui/1.8.17/jquery-ui.js"></script>
<script src="/site_media/js/bootstrap.js"></script>
<script src="/site_media/js/jquery.form.js"></script>
<script src="/site_media/js/openid-jquery.js"></script>
<script src="/site_media/js/openid-en.js"></script>
<script src="/site_media/js/ajax_csrf.js"></script>
<script src="/site_media/lightstreamer/lscommons.js"></script>
<script src="/site_media/lightstreamer/lspushpage.js"></script>
<script src="/site_media/js/subscribe.js"></script>
<script src="/site_media/js/date.format.js"></script>
<script src="/site_media/jcrop/js/jquery.Jcrop.js"></script>
<script src="/site_media/jcrop/js/jquery.color.js"></script>

<script type="text/javascript">
    jQuery(document).ready(function() {
   	 window.awesomeBrowser = window.File && window.FileReader && window.FileList && window.Blob;
   	 window.firstLoadOfUploadPage = true;
   	 window.uploadInProgress = false;
   	 $(document).find("*").bind("dragover", function(evt){
   		 evt.stopPropagation();
   	   evt.preventDefault();
   	 });
      openid.init('openid_identifier');
      resizeBg();

      window.onorientationchange = function(){
   	   resizeBg();
      };

      function resizeBg() {
   	   $("body").css("background-size", (jQuery(window).width() + 20) + "px auto");
      }

      $(".thumbnail").click(function(){
 	      if(!$(this).hasClass("thumbnail-clicked") && !$(this).hasClass("avatar")){
 	        $(".thumbnail").removeClass("thumbnail-clicked");
 	        $(this).addClass("thumbnail-clicked");
 	      }
 	    });
    });
</script>

<!-- Le fav and touch icons
<link rel="shortcut icon" href="/site_media/images/favicon.ico">
<link rel="apple-touch-icon" href="/site_media/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/site_media/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/site_media/images/apple-touch-icon-114x114.png"> -->
